////////////////// 第四屏 ////////////////////


// 接口延时图-曲线图
var chart411 = echarts.init(document.getElementById('data4_row_cell1_chart'));
var chart412 = echarts.init(document.getElementById('data4_row_cell2_chart'));
var chart413 = echarts.init(document.getElementById('data4_row_cell3_chart'));
var chart414 = echarts.init(document.getElementById('data4_row_cell4_chart'));
var chart415 = echarts.init(document.getElementById('data4_row_cell5_chart'));
var chart416 = echarts.init(document.getElementById('data4_row_cell6_chart'));
var option41 = {
    // 鼠标经过提示框
    tooltip: {
        trigger: 'axis',
        enterable: true,
        padding: [6,10],
        textStyle:{
          fontFamily: 'nssc',
          fontSize: 16
        },
        axisPointer:{
          type: 'line',
          lineStyle:{
            color: '#d4d7db'
          }
        }
    },
    // 整体位置
    grid: {
      left:'0',
      right:'6',
      top:'0',
      bottom:'0',
      containLabel: true
    },
    // x轴
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            axisLine:{
              show: false
            },
            axisTick:{
              show: false
            },
            axisLabel:{
              show: false
            },
            data : ['09:05','09:10','09:15','09:20','09:25','09:30']
        }
    ],
    // y轴
    yAxis : [
        {
            type : 'value',
            min: '0',
            max: '300',
            axisLine:{
              show: false
            },
            axisTick:{
              show: false
            },
            axisLabel:{
              show: false
            },
            splitLine:{
              show: false
            }
        }
    ],
    // 主体
    series : [
      // 人脸识别-配置
        {
            name:'接口延时',
            type:'line',
            // 转角点样式
            itemStyle:{
              normal:{
                color: '#369ddf'
              }
            },
            // 折线样式
            lineStyle:{
              normal:{
                color:'#53ace4',
                width: 1
              }
            },
            // 填充区域样式
            // areaStyle: {
            //   normal: {
            //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            //       offset: 0, color: 'rgba(83,172,228,0.15)' // 0% 处的颜色
            //     }, {
            //       offset: 1, color: 'rgba(83,172,228,0.05)' // 100% 处的颜色
            //     }], false)
            //   }
            // },
            markLine: {
                symbol: false,
                animation: false,
                data: [{
                    yAxis: 150
                }],
                lineStyle: {
                    normal: {
                        color: "#d9e3ee"
                    }
                }
            },
            // smooth:true,
            data:[120, 182, 101, 134, 90, 230]
        }
    ]
};
chart411.setOption(option41);
chart412.setOption(option41);
chart413.setOption(option41);
chart414.setOption(option41);
chart415.setOption(option41);
chart416.setOption(option41);
